import React from 'react'
import { useNavigate } from 'react-router-dom'
import { LeftOutlined } from '@ant-design/icons'
export default function Retreat(props) {
    const nav = useNavigate()
    return (
        <div style={{
            width: '100%',
            height: '2rem',
            lineHeight: '2rem'
        }}>
            <LeftOutlined style={{
                fontSize: '1.5rem',
                width:'10%'
            }} onClick={() => {
                nav(-1)
            }} />
            <span style={{
                display:'inline-block',
                textAlign:'center',
                width:'90%',
                fontSize:'1.4rem',
                fontWeight:'600'
            }}>
                {props.title}
            </span>
        </div>
    )
}
